<script lang="ts" name="layouts" setup>
import LayoutSutra from './LayoutSutra/index.vue'
import LayoutColumns from './LayoutColumns/index.vue'
import LayoutTransverse from './LayoutTransverse/index.vue'
import LayoutVertical from './LayoutVertical/index.vue'
import ThemeDrawer from './components/ThemeDrawer/index.vue'
import useThemeStore from '@/store/theme.ts'

const themeStore = useThemeStore()
const LayoutComponents: Record<string, any> = {
  vertical: LayoutVertical,
  classic: LayoutSutra,
  transverse: LayoutTransverse,
  columns: LayoutColumns
}
</script>

<template>
	<component :is="LayoutComponents[themeStore.layout]"/>
	<ThemeDrawer/>
</template>

<style lang="scss" scoped>
.layout {
	min-width: 760px;
}
</style>
